﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="FL.Web.BackEnd.BasePage" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div style="width: 99%" id="charts">
            <div style="width: 33.3%; height: 400px;float: left" id="test1" class="echarts" data="[{name:'中国',value:100},{name:'英国',value:200},{name:'米国',value:200}]" charttype="pie"></div>
            <div style="width: 33.3%; height: 400px;float: left" id="test2" class="echarts" data="[{name:'地球',group:'test2',value:100},{name:'月球',group:'test2',value:50},{name:'足球',group:'test2',value:200}]" charttype="line"></div>
            <div style="width: 33.3%; height: 400px;float: left" id="test5" class="echarts" data="[{name:'地球',value:50,group:'A'},{name:'月球',value:150,group:'A'},{name:'足球',value:50,group:'A'}]" charttype="bar"></div>
            <div style="width: 33.3%; height: 400px;float: left" id="test3" class="echarts" data="[{name:'2014-01',value: 20,group:'A'},{name:'2014-01',value:40,group:'B'},{name:'2014-02',value:30,group:'A'},{ name:'2014-02',value:10,group:'B'},{name:'2014-03',value:200,group:'A'},{name:'2014-03',value:60,group:'B'},{name:'2014-04',value:50,group:'A'},{name:'2014-04',value:45,group:'B'}]" charttype="bar"></div>
            <div style="width: 33.3%; height: 400px;float: left" id="test4" class="echarts" data="[{name:'2014-01',value: 20,group:'A'},{name:'2014-01',value:40,group:'B'},{name:'2014-02',value:30,group:'A'},{ name:'2014-02',value:10,group:'B'},{name:'2014-03',value:200,group:'A'},{name:'2014-03',value:60,group:'B'},{name:'2014-04',value:50,group:'A'},{name:'2014-04',value:45,group:'B'}]" charttype="line"></div>
            <div style="width: 33.3%; height: 400px;float: left" id="test6" class="echarts" data="[{name:'2013/1/24',value:'2320.26,2302.6,2287.3,2362.94',group:'A'},{name:'2013/1/26',value:'2300,2291.3,2288.26,2308.38',group:'A'},{name:'2013/3/24',value:'2295.35,2346.5,2295.35,2346.92',group:'A'}]" charttype="k"></div>
        </div>
    </form>
</body>
<script src="/SFramework/jquery-1.6.2.min.js"></script>
<script src="/Scripts/common/jquery.data.js"></script>
<script src="/Scripts/common/jquery.action.js"></script>
<script src="/SFramework/jquery.json-2.2.js"></script>
<script src="/SFramework/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/SFramework/echarts/js/esl.js"></script>
<script src="/SFramework/echarts/MyEcharts.js"></script>
<script src="/SFramework/echarts/WapCharts.js"></script>

<script src="/Scripts/common/jquery.echarts.js"></script>
<script>
    //var data = [{ name: 'dd', value: 100 }, { name: 'dd2', value: 200 }];
    //DrawPie(data, "test4"); 

</script>
</html>
